<template>
    <!-- 搜索框 -->
    <view class="diy-search">
        <form @submit="onTargetSearch" :report-submit="true">
            <button formType="submit" class="btn-normal">
                <view :class="'inner ' + itemStyle.searchStyle">
                    <view class="search-input" :style="'text-align: ' + itemStyle.textAlign">
                        <text class="search-icon iconfont icon-sousuo"></text>
                        <text>{{ params.placeholder }}</text>
                    </view>
                </view>
            </button>
        </form>
    </view>
</template>

<script>
const app = getApp();
export default {
    data() {
        return {};
    },
    options: {
        addGlobalClass: true
    },
    /**
     * 组件的属性列表
     * 用于组件自定义设置
     */
    props: {
        itemIndex: String,
        itemStyle: Object,
        params: Object
    },
    /**
     * 组件的方法列表
     * 更新属性和数据的方法与更新页面数据的方法类似
     */
    methods: {
        /**
         * 跳转到搜索页面
         */
        onTargetSearch(e) {
            // 记录formid
			console.log("100101010010")
            app.globalData.saveFormId(e.detail.formId);
            uni.navigateTo({
            	url:'/pages/search/index'
            })
        }
    }
};
</script>
<style>
@import './search.css';
</style>
